<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.template模板写法 重点-->
    <!-- <template></template> -->

    <!-- 2.父传子 重点-->
    <!-- 用bind绑定值 - 子组件用props去接收 -->

    <!-- 3.子传父 重点-->
    <!-- 先定义自定义方法 子组件通过this.$emit('自定义的方法名字',你要传给父组件的值) -->

    <!-- 4.父组件主动访问子组件当中的数据 -->
    <!-- this.$children    并且拿到的东西是个数组 每次我们要去数一下它的索引值（下标） -->
    <!-- this.$refs 重点  前提：先给子组件定义一个ref='名字'  拿到的数据是个对象 通过名字去拿就可以了 -->

    <!-- 5.子组件主动访问父组件 -->
    <!-- this.$parent 拿到的数据是父组件当中的数据 它只有一个数据 -->
</body>
</html>